/**
 * 列表Loading组件 - 用于列表loading时的占位
 * @param {element} text 额外的文字说明，会出现在loading图片的下面
 */

import React from 'react';
import { Loading } from '@teamix/ui';
import './index.scss';

export default class ListLoading extends React.Component {
  render() {
    const { text, ...others } = this.props;

    return (
      <div {...others}>
        <Loading className="at-list-loading" inline={false}>
          <div style={{ height: '90px' }} />
        </Loading>
        {text ? <div className="at-list-loading-text">{text}</div> : null}
      </div>
    );
  }
}
